/* CSS Document */

	body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#F7F7F7;
		font:12px "Trebuchet MS";
		
	}
	

	#right_menu_searching {
		width:500px;
		margin-top:-80px;
		margin-left:0px;
		padding-left:300px;
		font:monospace;
		font-size:16px;
		font-weight:bold;
		color:blue;
		/* text-shadow:#000 1px 1px 3px; color:#FFFFFF; */
	}
	
	#keranjang_top {
		float:right;
		width:200px;
		margin-top:-15px;
		margin-right:0px;
		padding:10px;
		font:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:#FFFFFF;
		border:1px #FF9900 solid;
		/*text-shadow:#000 1px 1px 3px; */
		color:#000000;
		
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
	}
	
.keranjang_litle {cursor: pointer;color:#FF6600;}
.keranjang_litle:link {cursor: pointer;color:#FF6600;}
.keranjang_litle:visited {cursor: pointer;color:#FF6600;}
.keranjang_litle:hover {cursor: pointer; color:#FF6600;}
	
.keranjang_litle1 {cursor: pointer;color:#000; }
.keranjang_litle1:link {cursor: pointer; color:#000;}
.keranjang_litle1:visited {cursor: pointer; color:#000;}
.keranjang_litle1:hover {cursor: pointer; color:#000;}
	
	#keranjang_item{ float:left }
	#keranjang_rp{ float:right; padding-top:3px; font-size:14px; font-weight:bold; }
	
	
	#wrap_main {
		width:950px;
		margin:0 auto;
	}
	
	#header {
		display:block;
		width:100%;
		height:160px;
		background:#ddd url(../images/background_top.jpg); background-repeat:repeat-x;
		overflow:hidden;
	}
	
	#header_frame{ 
		width:950px;
		height:140px;
		margin:0 auto;
		background-image:url(../images/background-top-header.jpg);
	 }
	
	 #logo{
	 	width:282px;
		height:74px;
		padding-left:0px;
		padding-top:20px;
	 }
	 
	 #text_informatika{ 
		width:400px;
	 	font-family:arial;
		color:#D0D9E6;
		margin-left:100px;
		margin-top:-45px;

		text-shadow:#000 1px 1px 3px;
	 }
	
	 #top_menu{
		/* margin-top:35px; */
		margin-top:0px;
		width:950px;
		height:41px;
	 }
	 
	 #top_menu_bg_left{
	 	width:10px;
		height:41px;
		background-image:url(../images/menu-bg-left.jpg);
	}
	 
	 #top_menu_bg_center{
	 	width:930px;
		height:41px;
		margin-left:10px;
		margin-top:-51px;
		background:url(../images/menu-bg-canter.jpg) repeat-x;
	}
	 
	 #top_menu_bg_right{
	 	width:10px;
		height:41px;
		margin-left:940px;
		margin-top:-41px;
		background-image:url(../images/menu-bg-right.jpg);
	}

	h1 {
	    margin:0;
		font-size:28px;
    }
	#nav {
		padding:5px 10px;
		text-shadow: 0 1px 0 #788598;
		height:35px;
	}

/*--- Menu TOP ---*/
#menu_tops {
	float:right;
	display:block;
	margin-top:13px;
	}
	
#menu_tops li{
	float:left;
	list-style: none;
}

#menu_tops li a{
	height:33px;
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	text-indent:-99999px;
}

#menu_tops li a:active{
	background-position: bottom left;
}


#menu_tops li.home a{
	width:76px;
	background-image:url(../images/home.gif);	
}


#menu_tops li.about a{
	width:101px;
	background-image:url(../images/about.gif);
}
#menu_tops li.contact a{
	width:101px;
	background-image:url(../images/contact.gif);
}

#page-home #menu_tops li.home a{background-position: bottom left; opacity:1;}
#page-about-us #menu_tops li.about a{background-position: bottom left; opacity:1;}
#page-contact #menu_tops li.contact a{background-position: bottom left; opacity:1;}

/* menu rss */
.rss_container {width: 250px; height: 20px; padding-top:-40px;  float: right; text-align:center; color:#CCCCCC; }

.link_rss{ font-family:Arial; font-size:11px; text-shadow:#000 1px 1px 3px; color:#FFFFFF; }

A.link_rss:link{color:#FFFFFF;
	text-decoration:none;}
A.link_rss:visited{color:#FFFFFF;
	text-decoration:none;}
A.link_rss:hover{color:#FFCC00;
	text-decoration:none;
}


/* Search */
.search_container {width: 230px; height: 39px; float: right; padding-right:0;}
.search_container .search_field { float:left; font-family:Arial; font-size: 12px; font-style:italic; color: #000000; padding-top:10px; padding-left:5px; width:180px; height: 39px; background: url(../images/search_field.jpg) no-repeat; border: none;}
.search_container button {background: url(../images/button_search.gif) no-repeat; cursor: pointer; border: none; height: 39px; text-indent: -9999px; width: 40px;}





/* sliding tabs  */
#bg_top_middle{ 
	width:948px; 
	background-color:#CCCCCC; 
	border-left-color:#CCCCCC; 
	border-left-width:thin; 
	border-left-style:solid; 
	border-right-color:#CCCCCC; 
	border-right-width:thin; 
	border-right-style:solid; 
	
	
	float:left; 
}

	#main {
		float:inherit;
		width:566px;
		padding:1px;
		
	}
	h2 {
		margin:0 0 1em;
		text-shadow: 0 1px 0 #788598;
	}
	
	h3 {
	    margin:0;
		font-size:24px;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-weight:bold;
		color:#212327;
		text-shadow:0 1px 0 #9BA2AC;
		
    }
	
	h4 {
		margin-top:8px;
		margin-bottom:8px;
		font-size:18px;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-weight:bold;
		color:#212327;
		text-shadow:0 1px 0 #9BA2AC;
		
    }
		
	#text_content{ padding:10px; background-color:#747D8B; border:dashed #AEAEAE; border-width:1px; margin-top:8px; 
	   font-family:"Trebuchet MS", Arial, sans-serif; font-size:13px;
 }

	#text_content_home{ padding:0px; background-color:; border:; border-width:1px;  margin-left:-2px; margin-right:-1px; margin-top:8px; margin-bottom:5px;}
	   
	#text_content_book{ padding:0px; background-color:; border:; border-width:1px;  margin-left:-4px; margin-right:-3px; margin-top:5px; margin-bottom:5px;}

	#text_content_book_detail{ padding:0px; background-color:; border:; border-width:1px;  margin-left:0px; margin-right:-1px; margin-top:5px; margin-bottom:5px;}

/* ==========Righ Menu ====== */

#banners{ width:950px; margin-bottom:-20px; }

#sidebar1 {
		float:left;
		width:180px;
		padding:5px;
		background-color:#CCCCCC;
}
	
#sidebar {
		float:right;
		width:180px;
		padding:5px;
		background-color:#CCCCCC;
}

#kategori_menu { width:175px; height:41px; background-image:url(../images/kategori.jpg); margin-top:3px; margin-left:2px; }

#kategori_penerbit { width:175px; height:41px; background-image:url(../images/penerbit.jpg); margin-top:2px; margin-left:2px; }

#kategori_seri_buku { width:175px; height:41px; background-image:url(../images/seri_buku.jpg); margin-top:2px; margin-left:2px; }

#kategori_info_pemesanan { width:175px; height:41px; background-image:url(../images/info_pemesanan.jpg); margin-top:2px; margin-left:2px; }
#info_pengiriman_barang{ width:175px; height:41px; background-image:url(../images/info-pengiriman.jpg); margin-top:2px; margin-left:2px; }

#support { width:175px; height:41px; background-image:url(../images/online.jpg); margin-top:2px; margin-left:2px; }

#majalah { width:175px; height:41px; background-image:url(../images/majalah_komputer.jpg); margin-top:2px; margin-left:2px; }

#bestseller_book { width:175px; height:41px; background-image:url(../images/buku_bestseller.jpg); margin-top:2px; margin-left:2px; }

#cdinter { width:175px; height:41px; background-image:url(../images/cd_interaktif.jpg); margin-top:2px; margin-left:2px; }

#counter_kategori { width:175px; background:#EFEFEF; border-width:1px; margin-left:2px; margin-top:-3px; }

#tutup_menu { width:175px; height:7px; background-image:url(../images/tutup_menu.gif); margin-top:0px; margin-left:2px; }

/* ========== end Righ Menu ====== */
	
	
#footer {
	clear:both;
	padding:5px 10px;
	height:100px;
	background-repeat:repeat-x;
	text-align:center;
}

#footer_teks { margin-top:10px;
	color:#5A6575;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
}

* html #footer {
	height:1px;
}

	#bg_putih{ background-color:#AEAEAE; text-align:right; padding:5px; }

#layout_pemesanan{ width:auto; height:auto; background-color:#FFFFFF; margin:10px; padding:10px; }

#bao_box{ 
	width:100%; 
	height:390px;
	margin-left:-1px; 
	
	background:#FBFBFB url(../images/header_bao.jpg) no-repeat; 
	border:solid 1px #C0C0C0; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
   border-radius: 4px;

}

#bao_bestseller{ width:275px; height:340px;  float:left; margin-left:7px; margin-top:40px; border-right:#CCCCCC dashed 1px; }
#bao_other{ width:275px; height:340px; float:right; margin-right:2px; margin-top:40px;  }
#bao_content{ width:270px; height:103px; margin-top: 5px; border-bottom:#DDDDDD dashed 1px; }
#bao_content_cover{ width:75px; height:100px;  float:left; text-align:center; }
#bao_content_text{ width:190px; height:100px;  float:right; }
#bao_judul{ border-bottom: #CCCCCC dotted 1px; margin-bottom:5px; padding-bottom:5px;}
#bao_tombol{ float:right; bottom:0px; }

#bao_tombol_buku_lainnya{ 
	float:right; 
	margin-right:5px;
	margin-top:3px;
	width:120px;
	text-align:right; 
	   
}

.bao_link_more{
	FONT-SIZE: 11px; 
	COLOR:#0066FF; 
	TEXT-INDENT: 10pt;
	FONT-FAMILY: "Trebuchet MS", Arial, sans-serif;
}

A.bao_link_more:link{color:#333333; text-decoration:none;}
A.bao_link_more:visited{color:#333333; text-decoration:none;}
A.bao_link_more:hover{color:#0066CC; text-decoration:underline; }

